/* menu 开头代表是一级菜单的样式，sub 开头代表是二级菜单的样式，除了 menuText，menuText 是整个菜单的文字样式，即包含了 sub 的文字样式 */
/* 暗色菜单主题，默认 */
$menuText-dark: #dadada; /* 所有菜单文字颜色 */
$menuBg-dark: #191a20; /* 一级菜单背景色 */
$menuHoverBg-dark: #242526; /* 一级菜单悬停背景色 */
$menuActiveBg-dark: #060708; /* 一级菜单激活背景色 */
$subMenuBg-dark: #0b0e18; /* 二级菜单背景色 */
$subMenuHoverBg-dark: $menuHoverBg-dark; /* 二级菜单悬停背景色 */
$subMenuActiveBg-dark: $menuActiveBg-dark; /* 二级菜单激活背景色 */
$icon-dark: $menuText-dark; /* 图标颜色 */
$logo-line-dark: #282a35; /* logo 底部线条颜色 */
$logo-title-dark: $menuText-dark; /* logo 右侧文字颜色 */
$splitMenuActiveBg-dark: $menuActiveBg-dark; /* Column 布局的菜单那文字颜色 */

/* 白色菜单主题 */
$menuText-light: #303133;
$menuBg-light: #fff;
$menuHoverBg-light: var(--#{$el-namespace}-color-primary-light-9);
$menuActiveBg-light: var(--#{$el-namespace}-color-primary-light-9);
$subMenuBg-light: $menuBg-light;
$subMenuHoverBg-light: $menuHoverBg-light;
$subMenuActiveBg-light: $menuActiveBg-light;
$icon-light: $menuText-light;
$logo-line-light: #3c3c3c1f;
$logo-title-light: $menuText-light;
$splitMenuActiveBg-light: var(--#{$el-namespace}-color-primary-light-9);

/* 暗色头部主题 */
$headerBg-dark: #191a20;
$headerText-dark: #cfd3d4;
$headerLine-dark: #414243;
$headerLogoTitle-dark: #dadada;

/* 白色头部主题 */
$headerBg-light: #ffffff;
$headerText-light: #303133;
$headerLine-light: #3c3c3c1f;
$headerLogoTitle-light: #423e3e;

:export {
  /* 默认，暗色主题 */
  menuBgDark: $menuBg-dark;
  menuTextDark: $menuText-dark;
  menuHoverBgDark: $menuHoverBg-dark;
  menuActiveBgDark: $menuActiveBg-dark;
  subMenuBgDark: $subMenuBg-dark;
  subMenuHoverBgDark: $subMenuHoverBg-dark;
  subMenuActiveBgDark: $subMenuActiveBg-dark;
  iconDark: $icon-dark;
  logoLineDark: $logo-line-dark;
  logoTitleDark: $logo-title-dark;
  splitMenuActiveBgDark: $splitMenuActiveBg-dark;

  /* 白色主题 */
  menuBgLight: $menuBg-light;
  menuTextLight: $menuText-light;
  menuHoverBgLight: $menuHoverBg-light;
  menuActiveBgLight: $menuActiveBg-light;
  subMenuBgLight: $subMenuBg-light;
  subMenuHoverBgLight: $subMenuHoverBg-light;
  subMenuActiveBgLight: $subMenuActiveBg-light;
  iconLight: $icon-light;
  logoLineLight: $logo-line-light;
  logoTitleLight: $logo-title-light;
  splitMenuActiveBgLight: $splitMenuActiveBg-light;

  /* 暗色头部主题 */
  headerBgDark: $headerBg-dark;
  headerTextDark: $headerText-dark;
  headerLineDark: $headerLine-dark;
  headerLogoTitleDark: $headerLogoTitle-dark;

  /* 白色头部主题 */
  headerBgLight: $headerBg-light;
  headerTextLight: $headerText-light;
  headerLineLight: $headerLine-light;
  headerLogoTitleLight: $headerLogoTitle-light;
}
